<%@page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>main</title>
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
    <link href="css/project.css" rel="stylesheet" media="screen">

    <script src="/js/jquery-1.11.1.min.js"></script>
    <script src="/js/bootstrap.min.js"></script>
    <style type="text/css">

        header {
            height: 120px;
            /*background: lightgoldenrodyellow;*/
        }

        header .logo {
            /* background: lightseagreen;*/
            margin: 0;
        }

        header .logo img {
            margin-top: 25px;
        }

        #contents {
            min-height: 550px;
            /* background: lightsalmon;*/
        }

        .mainIcon ul {
            margin: 30px 2px;
        }

        footer {
            font-weight: bold;
            font-size: 120%;
            height: 130px;
            /*background:lightgoldenrodyellow;*/
        }

        ul {
            list-style: none;
        }

        .copy {
            padding: 2px;
        }

        #iconLeft , #iconRight{
            border-radius: 15px 15px;
        }
    </style>

</head>
<body class="container">
<!-- header -->
<header class="row">
    <div class="span3 logo">
        <img src="images/logo.png" alt="pjlogo"/>
    </div>
</header>

<!-- contents -->
<div id="contents" class="row">
    <div class="mainIcon">
        <ul class="inline">
            <li><a href="webMain.do"><img src="images/leftIcon.png" alt="leftIcon"
                                          id="iconLeft"/></a></li>
            <li><a href="offMain.do"><img src="images/rightIcon.png" alt="rightIcon"
                                          id="iconRight"/></a></li>
        </ul>
    </div>
</div>
<!--footer-->
<footer class="row">
    <div class="footer text-center">
        <ul class="inline policy">
         <li>  <a href="#" id="useMain">이용약관</a></li>
         <li>  <a href="#" id="priMain">개인정보처리방침</a></li>
         <li>  <a href="#" id="lawMain">법적고지</a></li>
         <li>  <a href="#" id="emMain">이메일무단수집거부</a></li>
        </ul>
        <ul class="copy">
            <li>Copyright AteamProject. All Right Reserved</li>
            <li><img src="images/logo.png" alt="pjlogo"/></li>
        </ul>
    </div>
</footer>

<%--이용약관 모달 창--%>
<div class="modal hide fade" id="usemodal1" role="dialog">
    <div class="modal-header"><h2>이용약관</h2></div>
    <div class="modal-body ">
        <h4>이용약관</h4>
        <ul>
            <li><h5>제 1 조 ( 목적 )</h5></li>
            <li> 이 이용약관 ( 이하 약관 ) 은 주식회사 SING
                ( 이하 회사 라고 합니다) 와 이용 고객 ( 이하 회원 이라고 합니다 ) 간에
                회사가 제공하는 인터넷 음악 엔터테인먼트
                sing.co.kr 사이트 이용서비스 ( 이하 서비스 ) 의 가입조건 및 이용에 관한 제반 사항과 기타 필요한 사항을 구체적으로 규정함을 목적으로 합니다.
            </li>
            <li><h5> 제 2 조 ( 이용약관의 효력 및 변경 )</h5></li>
            <li>(1) 이 약관은 인터넷 음악 엔터테인먼트 sing.co.kr
                사이트 ( 이하 " sing.co.kr" 이라고 합니다 .) 에서 서비스 화면에 게시하거나 기타의 방법으로 회원에게 공시하고, 이에 동의한 회원이 서비스에
                가입함으로써 효력이 발생합니다 .</li>
            <li>(2) 회사는 합리적인 사유가 발생할 경우 관련법령에 위배되지 않는 범위 안에서 개정될 수 있으며 , 제 1 항과 같은 방법으로 공시하며 효력을
                발생됩니다 .
                단, 사안에 따라 이용자의 동의를 확인할 수 있으며 , 최소한 7 일전에 공시합니다.
            </li>
            <li>
                (3) 회사가 약관을 변경할 경우에는 적용일자 및 변경사유를 명시하여 현행약관과 함께 서비스초기화면에 그 적용일자 최소한 10일(이용자에게 불리하거나
                중대한 사항의 변경은 30일) 이전부터 적용일 후 상당한 기간동안 공지하고, 기존 이용자에게는 변경될 약관, 적용일자 및 변경사유(변경될 내용 중
                중요사항에 대한 설명을 포함한다)를 전자우편주소로 발송한다.
            </li>
            <li>4) 변경된 약관에 대한 정보를 알지 못해 발생하는 이용자의 피해는 회사에서 책임지지 않습니다 .</li>
            <li>
                (5) 회원은 변경된 약관에 동의하지 않을 경우 회원 탈퇴를 요청할 수 있으며, 변경된 약관의 효력 발생일 이후에도 서비스를 계속 사용할 경우 약관의
                변경 사항에 동의한 것으로 간주됩니다.
            </li>
            <li>
                (6) sing.co.kr 은 전 연령대가 사용할 수 있는 콘텐츠 사이트 입니다.
            </li>
            <li>
               <h5>제 3 조 ( 약관 외 준칙 )</h5>
            </li>
            <li>
                본 약관이 정하는 이외의 회원과 회사의 권리 , 의무 및 책임 사항에 대해서는 전기 통신사업법 기타 대한민국의 관련 법령과 상관습에 의합니다.
                전기통신법, 전기통신사업법, 정보통신망 이용촉진 등에 관한 법률 및 기타 관련 법령의 규정에 따릅니다.
            </li>
        </ul>
    </div>
    <div class="modal-footer"><a class="btn btn-danger" id="usexit">닫기</a></div>
</div>
<%--개인정보처리방침 모달 창--%>
<div class="modal hide fade" id="primodal1" role="dialog">
    <div class="modal-header"><h2>개인정보처리방침</h2></div>
    <div class="modal-body ">
        <h4>개인정보처리방침</h4>
        <ul>
            <li>
               SING(주)의 www.sing.co.kr은 회원님들의 개인정보보호에 최선을 다하고 있습니다.
                개인정보보호정책은 회원님들의 개인정보보호를 위해 당사가 실시중인 정보의 수집목적 및 이용목적, 제3자에 대한 정보제공 관련사항 등에 관한 규정입니다.
                개인정보보호정책은 정부의 법률 및 지침에 따라 변경될 수 있으니 수시로 확인해주시면 감사하겠습니다.
            </li>
            <li><h5>총칙</h5></li>
            <li>①	SING(주)는 이용자들의 개인 정보를 매우 중요시하며, 이용자가 회사의 서비스(이하 "sing.co.kr")를 이용함과 동시에 온라인 상에서 회사에 제공한 개인정보가 보호 받을 수 있도록 최선을 다하고 있습니다.
                이에 통신비밀 보호법, 전기통신 사업법, 정보통신망 이용촉진 등에 관한 법률 등 정보통신서비스 제공자가 준수하여야 할 관련법규상의 개인정보 보호 규정 및 정보통신부가 제정한 개인정보보호지침을 준수하고 있습니다.
                회사는 개인정보 보호정책을 통해 이용자들이 제공하는 개인정보가 어떠한 용도와 방식으로 이용되고 있으며 정보보호를 위해 어떠한 조치가 취해지고 있는지 알려드립니다.</li>

            <li> ②	sing.co.kr은 개인정보 보호정책을 홈페이지 첫 화면에 공개함으로써 이용자들이 언제나 용이하게 보실 수 있도록 조치하고 있습니다.</li>
            <li> ③	sing.co.kr의 개인정보 보호정책은 정부의 법률 및 지침 변경이나 회사의 내부 방침 변경 등으로 인하여 수시로 변경될 수 있으며, 개인정보 보호정책의 지속적인 개선을 위하여 필요한 절차를 정하고 있습니다.
                개인정보 보호정책을 개정하는 경우 sing.co.kr은 그 변경사항을 사이트 내에 게시하여 이용자들이 개정된 사항을 쉽게 알아볼 수 있도록 하고 있습니다.
                이용자들께서는 사이트 방문 시 수시로 확인하시기 바랍니다.</li>
        </ul>
    </div>
    <div class="modal-footer"><a class="btn btn-danger" id="priexit">닫기</a></div>
</div>
<!--법적고지 모달 창-->
<div class="modal hide fade" id="lawmodal1" role="dialog">
    <div class="modal-header"><h2>법적고지</h2></div>
    <div class="modal-body ">
        <h4>법적고지</h4>
        <ul>
            <li><h5>저작권</h5></li> 
            <li>sing홈페이지는 singdl 일체의 비용을 투입하여 독점적으로 소유하는 소중한 자산이며, 이들 모두에 관한 저작권 또한 sing에 귀속됩니다.
                sing 홈페이지에서 제공하는 모든 서비스, 자료, 정보들은 비상업적이고 개인적인 용도의 사용을 위하여만 제공되므로, 문자, 그림, 음성, 화상, 내려받기 파일, 링크 및 소스코드들 등 사이트에서 제공되는 서비스, 자료, 정보들(이하 "정보"라 칭합니다)을 상업적이거나 공공 의 목적으로 내려 받거나 수정, 유통, 기타 어떠한 방식으로도 사용할 수 없습니다.</li>
            <li><h5>법적부인</h5></li>
            <li>sing 홈페이지는 본 홈페이지 및 다른 관련 사이트들의 서비스와 정보들에 대한 정확도, 신뢰도, 완성도에 대해 보장하지 않으며, sing 홈페이지에서 제공하는 자료나 표현에는 오류가 있을 수 있음을 유념하시기 바랍니다. 따라서 고객 여러분은 저희가 서면으로 보장해 드리지 않는 한 이 정보나 자료들을 전적으로 의지하지는 마시기 바랍니다.
            특히 sing 홈페이지의 웹사이트 서비스를 활용해 개인이나 사업의 이익에 관여되는 판매, 무역, 구매 등의 거래에 직접적인 활용은 삼가 해 주시기를 바랍니다.
                또한, 어떠한 경우에도 sing 홈페이지는 이들 정보나 자료 등으로 인하여 발생하는 직접, 간접, 부수적, 특별 또는 확대 손해에 대해 책임지지 않음을 알려드립니다.</li>
        </ul>
    </div>
    <div class="modal-footer"><a class="btn btn-danger" id="lawexit">닫기</a></div>
</div>

<!--이메일 모달 창-->
<div class="modal hide fade" id="emailmodal1" role="dialog">
    <div class="modal-header"><h2>이메일무단수집거부</h2></div>
    <div class="modal-body ">
        <h4>이메일무단수집거부</h4>
        <ul>
            <li>
                본 홈페이지에 게시된 이메일 주소가 전자우편 수집 프로그램이나 그 밖의 기술적인 장치를 이용하여 무단으로 수집되는 것을 거부하며,
                이를 위반 시 정보통신망법에 의해 형사 처벌됨을 유념하시기 바랍니다.</li>
            <li>[게시일 2014년 4월]</li>
        </ul>
    </div>
    <div class="modal-footer"><a class="btn btn-danger" id="emailexit">닫기</a></div>
</div>

</body>
</html>

<script>
    /*이용약관*/
    $("#useMain").on("click", function(){
        $("#usemodal1").modal('show');
    });
    $("#usexit").on("click", function (event) {
        $("#usemodal1").modal('hide');

    });
    /*개인*/
    $("#priMain").on("click", function(){
        $("#primodal1").modal('show');
    });
    $("#priexit").on("click", function (event) {
        $("#primodal1").modal('hide');

    });
    /*법적*/
    $("#lawMain").on("click", function(){
        $("#lawmodal1").modal('show');
    });
    $("#lawexit").on("click", function (event) {
        $("#lawmodal1").modal('hide');

    });
    /*이메일*/
    $("#emMain").on("click", function(){
        $("#emailmodal1").modal('show');
    });
    $("#emailexit").on("click", function (event) {
        $("#emailmodal1").modal('hide');

    });
</script>

